<template>
  <div v-show="isActive" class="loading-overlay" :class="{'is-full-page': isFullPage}">
    <md-progress-spinner md-mode="indeterminate"></md-progress-spinner>
  </div>
</template>

<script>
    export default {
      name: "loading",
      props: {
        isFullPage: {
          type: Boolean,
          default: true,
        }
      },
      data(){
         return {
           isActive: false,
         }
      },
      methods:{
        show(){
          this.isActive=true;
        },
        close(){
          this.isActive=false;
        }
      }
    }
</script>

<style>

</style>
